import * as React from "react";

export const FilledIcon: React.FC = props => {
	const path = "M864 64H160C107 64 64 107 64 160v" + "704c0 53 43 96 96 96h704c53 0 96-43 96-96V16" + "0c0-53-43-96-96-96z";
	return (
		<svg {...props} viewBox="0 0 1024 1024">
			<path d={path} />
		</svg>
	);
};

export const OutlinedIcon: React.FC = props => {
	const path =
		"M864 64H160C107 64 64 107 64 160v7" +
		"04c0 53 43 96 96 96h704c53 0 96-43 96-96V160c" +
		"0-53-43-96-96-96z m-12 800H172c-6.6 0-12-5.4-" +
		"12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4" +
		" 12 12v680c0 6.6-5.4 12-12 12z";
	return (
		<svg {...props} viewBox="0 0 1024 1024">
			<path d={path} />
		</svg>
	);
};

export const TwoToneIcon: React.FC = props => {
	const path =
		"M16 512c0 273.932 222.066 496 496 49" +
		"6s496-222.068 496-496S785.932 16 512 16 16 238." +
		"066 16 512z m496 368V144c203.41 0 368 164.622 3" +
		"68 368 0 203.41-164.622 368-368 368z";
	return (
		<svg {...props} viewBox="0 0 1024 1024">
			<path d={path} />
		</svg>
	);
};
